<!--
 * @Date: 2023-04-03 21:01:16
 * @LastEditors: tich425
 * @LastEditTime: 2023-04-29 19:14:38
 * @FilePath: \hrmana-system_-oline\hrmana_front\index.html
 * @Description:  
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线人力资源管理系统</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- svg 矢量图标库 start -->
    <svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;">
        <symbol id="icon-shouye" viewBox="0 0 1024 1024">
            <path d="M6.35335111 534.86154547L512 90.83491911l505.64664889 444.02662636-192.00591644-0.02589036v378.3158649h-237.8843532v-187.34557867h-134.45074489v187.34557867h-237.88435198V534.83565511l-209.09382163 0.02589036z m506.42337186-347.94599583L194.26852622 462.36740267l93.56922667 0.02589035v377.77215883h93.05141096V652.84576355h279.28368713v187.3196883h93.05141096v-380.59425185h74.82431169L512.77672297 186.91554964z"></path>
        </symbol>
        <symbol id="icon-yingyong" viewBox="0 0 1024 1024">
            <path d="M482.54206291 541.45793709v412.41112628H70.13093663V541.45793709h412.41112628z m471.32700046 0v412.41112628H541.45793709V541.45793709h412.41112628z m-544.97184528 73.64484482h-265.12143804v265.12143804h265.12143804v-265.12143804z m471.32700186 0h-265.12143804v265.12143804h265.12143804v-265.12143804zM482.54206291 70.13093663v412.41112628H70.13093663V70.13093663h412.41112628z m382.45240239 0v73.64484342H615.10278191v265.12143804h265.12143804V158.5047493H953.86906337v324.03731361H541.45793709V70.13093663h323.53652821zM408.89721809 143.77578005h-265.12143804v265.12143804h265.12143804v-265.12143804z"></path>
        </symbol>
        <symbol id="icon-feiyong" viewBox="0 0 1024 1024">
            <path d="M143.36336985 187.9626864l25.98190093 115.03324661-46.0427564 208.91569318 46.0427564 207.1776744-26.21756489 117.53717084h768.4103012V187.9626864H143.33391101zM40.67299953 99.58887373h956.94110112v824.82225254H40.67299953l45.98384005-205.41019951L40.67299953 512l45.98384005-208.76840302L40.67299953 99.58887373z m550.24481519 326.04045381H688.74762534v68.87265755h-117.83174977V570.91587557h147.28968687v71.87736719h-147.28968687v106.87339699h-88.37381266V642.79324276h-147.28968825V570.91587557h147.28968825v-76.41389048h-117.83175116v-68.87265755h97.82981064l-75.11774078-98.62517494L459.85945052 276.33649907l66.8989762 95.59100784L593.62794543 276.33649907l72.40761007 50.66765353-75.11774078 98.62517494z"></path>
        </symbol>
    </svg>
    <!-- svg 矢量图标库 end -->
    <div id="parentRoot">
        <!-- header 头部模块搭建 start -->
        <header class="header">
            <div class="header-left">
                <a class="logo" href="">HRMANA-SYSTEM</a>
            </div>
            <div class="header-right">
                <div class="link-area">

                </div>
                <span class="user-area">
                    <span class="avatar">欢迎您！</span>
                </span>
            </div>
        </header>
        <!-- header 头部模块搭建 end -->

        <div class="middle-container">
            <!-- sider 导航栏搭建 start -->
            <div class="sider">
                <div class="trigger">
                    <i aria-label="icon: menu" class="icon-menu">
                        <svg viewBox="64 64 896 896" focusable="false" class="menu" fill="currentColor" aria-hidden="true">
                            <path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path>
                        </svg>
                    </i>
                </div>

                <ul class="menu-root" role="menu">
                    <li class="menu-item" role="menuitem">
                        <a href="#" style="display: flex; padding-left: 8px;">
                            <i class="anticon">
                                <svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class>
                                    <use xlink:href="#icon-shouye"></use>
                                </svg>
                            </i>
                            <span style="display: flex; width: 100%; justify-content: space-between;">
                                首页
                                <span style="padding-right: 12px;"></span>
                            </span>
                        </a>
                    </li>

                    <li class="submenu" role="menuitem">
                        <div class="submenu-title" aria-expanded="false" aria-haspopup="true" style="padding-left: 24px;">
                            <span>
                                <i class="anticon" style="font-size: 16px; margin-right: 18px;">
                                    <svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class>
                                        <use xlink:href="#icon-yingyong"></use>
                                    </svg>
                                </i>
                                <span>工作台</span>
                            </span>
                        </div>
                    </li>

                    <li class="submenu" role="menuitem">
                        <div class="submenu" role="menuitem" aria-expanded="false" aria-haspopup="true" style="padding-left: 24px;">
                            <span>
                                <i class="anticon" style="font-size: 16px; margin-right: 18px;">
                                    <svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class>
                                        <use xlink:href="#icon-feiyong"></use>
                                    </svg>
                                </i>
                                <span>薪资明细</span>
                            </span>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- sider 导航栏搭建 end -->
            <!-- main 主体模块搭建 start -->
            <div id="basic-container">
                <div id="root">
                    <div class="index-content">
                        <!-- 选项卡划分_01 -->
                        <div class="card-row">
                            <!-- 左侧子选项卡 -->
                            <div class="col-left" data-spm-anchor-id="0.0.0.i4.3f691eb6BxVVwc">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="index-card-header">
                                            待办事项
                                        </div>

                                        <div class="index-todo-card">

                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- 右侧子选项卡 -->
                            <div class="col-right">
                                <div class="index-account-info">
                                    <div class="index_card-body">
                                        <div class="tabs-card">
                                            <div role="tablist" class="tabs-card-bar" tabindex="0">
                                                <div class="tabs-nav-animated">
                                                    <div role="tab" aria-disabled="false" aria-selected="true" class="tab-active">
                                                        账号信息
                                                    </div>

                                                    <div class="tabs-ink-bar"></div>
                                                </div>

                                                <div class="tabs-ink-bar" style="display: block; transform: translate3d(0px, 0px, 0px); width: 88px;">

                                                </div>
                                            </div>

                                            <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>

                                            <div class="tabs-content">
                                                <div role="tabpanel" aria-hidden="false" class="tabs-tabpane">
                                                    <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>

                                                    <div class="index_info-card">
                                                        <div class="index_info-row">
                                                            <label>员工姓名：</label>
                                                            <span>张三</span>
                                                        </div>

                                                        <div class="index_info-row">
                                                            <label>所属部门：</label>
                                                            <span>摆烂部</span>
                                                        </div>

                                                        <div class="index_info-row">
                                                            <label>联系电话：</label>
                                                            <span>12345678987</span>
                                                        </div>

                                                        <div class="index_info-row">
                                                            <label>绑定邮箱：</label>
                                                            <span>123@sb.com</span>
                                                        </div>
                                                    </div>
                                                    
                                                    <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
                                                </div>

                                                <div tabindex="0" role="presentation" style="width: 0px; height: 0px; overflow: hidden; position: absolute;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 选项卡划分_02 -->
                        <div class="card-row">
                            <!-- 左侧子选项卡 -->
                            <div class="col-left">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="index-card-header">
                                            本月考勤记录
                                        </div>

                                        <div class="index-service-card">
                                            <div class="index-service-item">
                                                <span>本月应到天数</span>
                                                <span class="index-service-content">
                                                    <span class="index-service-num">28</span>
                                                    天
                                                </span>
                                                <span>
                                                    <a style="color:#3d6eff;">查看详情</a>
                                                </span>
                                            </div>

                                            <div class="index-split"></div>

                                            <div class="index-service-item">
                                                <span>本月缺勤天数</span>
                                                <span class="index-service-content">
                                                    <span class="index-service-num">10</span>
                                                    天
                                                </span>
                                                <span>
                                                    <a style="color:#3d6eff;">查看详情</a>
                                                </span>
                                            </div>

                                            <div class="index-split"></div>

                                            <div class="index-service-item">
                                                <span>本月迟到 / 早退次数</span>
                                                <span class="index-service-content">
                                                    <span class="index-service-num">15</span>
                                                    次
                                                </span>
                                                <span>
                                                    <a style="color: #3d6eff;">查看详情</a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- 右侧子选项卡 -->
                            <div class="col-right">
                                <div class="ant-card">
                                    <div class="ant-card-body">
                                        <div class="index_card-header">
                                            公司公告
                                            <a href="#" class="index-extra" target="blank">更多 >></a>
                                        </div>

                                        <div class="index_info-card">
                                            <a href="#" class="index_black-link" target="blank">
                                                <span class="index_info-title">
                                                    xxxxxxxxxxx公告
                                                </span>
                                                <span>03/09</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 选项卡划分_03 -->
                        <div class="card-row">
                            <div class="col-max">
                                <div class="ant-card">
                                    <div class="ant-card-body">
                                        <div class="index-card-header">
                                            日程安排
                                        </div>

                                        <div class="index_work-card">
                                            <div class="ant-table-wrapper">
                                                <div class="table-body">
                                                    <table class>
                                                        <colgroup>
                                                            <col>
                                                            <col>
                                                            <col>
                                                            <col>
                                                            <col>
                                                        </colgroup>
                                                        
                                                        <thead class="table-thead">
                                                            <tr>
                                                                <th class>
                                                                    <span class="table-header-column">
                                                                        <span class="table-column-title">会议名称</span>
                                                                    </span>
                                                                </th>
                                                                <th class>
                                                                    <span class="table-header-column">
                                                                        <span class="table-column-title">会议时间</span>
                                                                    </span>
                                                                </th>
                                                                <th class>
                                                                    <span class="table-header-column">
                                                                        <span class="table-column-title">会议地点</span>
                                                                    </span>
                                                                </th>
                                                                <th class>
                                                                    <span class="table-header-column">
                                                                        <span class="table-column-title">主持人</span>
                                                                    </span>
                                                                </th>
                                                                <th class>
                                                                    <span class="table-header-column">
                                                                        <span class="table-column-title">状态</span>
                                                                    </span>
                                                                </th>
                                                            </tr>
                                                        </thead>

                                                        <tbody class="table-tbody">

                                                        </tbody>
                                                    </table>
                                                </div>

                                                <div class="table-placeholder">
                                                    <div class="ant-empty">
                                                        <div class="ant-empty-image">
                                                            <svg width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">
                                                                <g fill="none" fill-rule="evenodd">
                                                                    <g transform="translate(24 31.67)">
                                                                        <ellipse fill-opacity=".8" fill="#F5F5F7" cx="67.797" cy="106.89" rx="67.797" ry="12.668"></ellipse>
                                                                        <path d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z" fill="#AEB8C2"></path>
                                                                        <path d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" fill="url(#linearGradient-1)" transform="translate(13.56)"></path>
                                                                        <path d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" fill="#F5F5F7"></path>
                                                                        <path d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z" fill="#DCE0E6"></path>
                                                                    </g>
                                                                    <path d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z" fill="#DCE0E6"></path>
                                                                    <g transform="translate(149.65 15.383)" fill="#FFF">
                                                                        <ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"></ellipse>
                                                                        <path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"></path>
                                                                    </g>
                                                                </g>
                                                            </svg>
                                                        </div>

                                                        <p class="ant-empty-description">
                                                            <span>
                                                                您暂无需要参加的会议！
                                                            </span>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- main 主体模块搭建 end -->
        </div>
    </div>
</body>

</html>